<script setup>
const props = defineProps({
  fill: String,
})
</script>

<template>
  <div>
    <svg viewBox="0 0 24 24">
      <path
        :fill="props.fill"
        d="M18.5 10.386c.573-.015 1.14-.555 1.617-.846.186-.114.451-.207.462-.462.01-.237-.195-.484-.283-.693a14.165 14.165 0 0 0-.82-1.693c-1.391-2.385-3.339-3.988-6.056-4.517-.585-.113-1.422-.094-2.001.027-.19.039-.447.037-.616.14-.233.142-.305.49-.385.732-.066.198-.3.569-.192.77.149.275.777.15 1.039.153.829.012 1.844.264 2.617.565 1.918.746 3.602 2.317 4.285 4.285.173.497.239 1.026.333 1.54ZM7.416 19.238c.206-.339.089-.728.462-.975.516-.34 1.258.151 1.693.411 1.037.618 1.95 1.46 2.848 2.258.287.255.593.676.924.86.357.198 1.06.064 1.463.064 1.368 0 2.727-.1 4.08-.231.484-.047.983-.036 1.462-.129.108-.02.28.003.372-.064.177-.127.058-.41.026-.577-.106-.545-.211-1.021-.398-1.54-.597-1.65-1.724-2.855-3.31-3.604-.764-.361-2.191-.343-2.604-1.168-.816-1.631 1.514-2.448 2.527-3.207.203-.152.615-.335.731-.565.123-.242-.2-.91-.294-1.154-.959-2.465-3.168-4.465-5.902-4.465-.475 0-1.417-.177-1.822.116-.306.22-.379.93-.487 1.27-.206.643-.488 1.277-.668 1.924-.128.46-.228 1.07-.512 1.463-.153.21-.378.284-.59.41a7.153 7.153 0 0 0-1.079.821c-1.141 1.03-1.924 2.246-2.553 3.618-.194.425-.364.864-.5 1.309-.052.17-.153.362-.064.538.118.232.455.407.654.565.508.402.995.799 1.54 1.154.616.403 1.298.677 2.001.898Z"
      ></path>
    </svg>
  </div>
</template>
